Node express 官方例子cors

最近学习node以及express，看例子看的头疼，刚看完cors，写一下记录下来。

---

以下是index.js

var express = require('../..');
var logger = require('morgan');
var app = express();
var bodyParser = require('body-parser');
var api = express();

首先创建了两个应用，一个是用户访问的app（客户端），另外一个是api作为请求的接口。

// app middleware

app.use(express.static(__dirname + '/public'));

// api middleware

api.use(logger('dev'));
api.use(bodyParser.json());

一些中间件，把app指向public目录，使用log，body解析为json。

/**
 * CORS support.
 */

api.all('*', function(req, res, next){
  if (!req.get('Origin')) return next();
  // use "*" here to accept any origin
  res.set('Access-Control-Allow-Origin', 'http://localhost:3000');
  res.set('Access-Control-Allow-Methods', 'PUT');
  res.set('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type');
  // res.set('Access-Control-Allow-Max-Age', 3600);
  if ('OPTIONS' == req.method) return res.send(200);
  next();
});

这里我的理解是 api应对目录的请求，响应的时候进行限制，比如来自3000端口，PUT方式，然后执行next

/**
 * PUT an existing user.
 */

api.put('/user/:id', function(req, res){
  console.log('req.body'+req.body);
   console.log(req.body);
  res.send(204);
});

app.listen(3000);
api.listen(3001);

console.log('app listening on 3000');
console.log('api listening on 3001');

最后针对指定目录下的put访问，console出请求体。

---

再来看public目录下的index.html

  var req = new XMLHttpRequest;
  req.open('PUT', 'http://localhost:3001/user/1', false);
  req.setRequestHeader('Content-Type', 'application/json');
  req.send('{"name":"tobi","species":"ferret"}');
  console.log(req.responseText);

创建一个http请求，初始化一个put请求，向3001(也就是api应用)下的user/1,发送了一串json，完毕

---

看一下流程：

用户访问localhost:3000, express把域名指向了文件系统public目录下的index.html，index.html通过js向3001端口发布了一个http的put请求，并上传了一串json。

api(localhost：3001)接收到这个请求，先检查响应类型，响应类型确定源和类型以后继续下一步，执行到 api.put 里面的 console出请求体。

https://github.com/strongloop/express/tree/master/examples/cors